@import "~styles/config.scss";

.basicInformation {
  .user,
  .address,
  .payWay {
    display: flex;
    div {
      padding-right: 15px;
    }
    .particular {
      padding: 0 15px;
    }
  }
}

.commodity {
  display: flex;
  align-items: center;
  .commodity_img {
    width: 50px;
    height: 50px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .commodity_Introduction {
    padding: 0 0 0 15px;
    .commodity_Introduction_name {
      width: 300px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }

    .commodity_Introduction_specification {
      width: 300px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      color: $--color-text-secondary;
    }
  }
}

.header {
  border-radius: 5px;
  background: #fff;
  display: flex;
  // justify-content: space-between;
  padding-bottom: 20px;

  .left {
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    border: 1px solid #ccc;

    img {
      width: 100%;
      height: 100%;
      border: 1px solid #ebeef5;
    }
  }

  .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 60%;
  }
}
